<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="styleSheet"  href="css/shape.css" />
</head>

<body>

  <!-- v show =false -->
  <!-- <div class="display:none"></div> -->
  <!-- <div class="display:none"></div> -->
    <!-- https://blog.csdn.net/xm1037782843/article/details/80708533/ -->
    <div style="width:500px;height:500px;border:1px solid green;display:flex;justify-content:center;align-items:center;">
        <!-- style="" -->
        <div>
          上下左右居中（这几个字，而不是外面的边框)
          代码来自 https://blog.csdn.net/xm1037782843/article/details/80708533/
        </div>
      </div>

    <div class="triangle"></div>
    <div></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <div id="box" style="background:#000; width: 100px;height: 100px"></div>
    <!-- <script src="move.js" type="text/javascript"></script> -->
    <!-- <script src="timeSleep.js" type="text/javascript"></script> -->
    <!-- <script src="timeOutUtil.js" type="text/javascript"></script> -->
    <!--<script>movetop();</script>-->
    <script src="arrUnique.js" type="text/javascript"></script>
    <script src="arrow_func.js" type="text/javascript"></script>
    <!-- https://www.cnblogs.com/tommymarc/p/14375063.html -->
    <script src="var_test.js" type="text/javascript"></script>
    <!-- 引入 ts typescript  -->
    <script src="timeOutUtil.ts" type="ts"></script>
    <script src="bus.js" type="text/javascript"></script>
    <script type="text/javascript">
        // async function movedown() {
        //     console.log("movedown");
        //     // console.log(movedown);

        //     // n = 500;
        //     // for (I = n; I >= 1; I--) {
        //     //     window.scrollBy(0, +1);
        //     //    await sleep(1000);
        //     // }

        //     for (i = 0; i < 5; i++) {
        //         window.scrollBy(0, 100);
        //         await sleep(1000);
        //     }
        // }
        // movedown();

    // window.scrollBy(0,400);


    </script>


</body>

</html>